{% extends "_layout.html" %}
{% import "component/statistics.njk" as statistics %}

{# 样式代码 #}
{% block style %}
<title>题目解析</title>
<style type="text/css">
    .mui-content{margin: 0;}
    body{
        overflow-x: hidden;
    }
</style>
{% endblock %}

{# bodyd代码#}
{% block body %}
<div class="mui-content">
    <!--题目解析-->
    <div class="mb-topic">
        {{data.content}}
    </div>
    <div class="mb-option">
        {%for item in data.choiceDTOs%}
        {%if item.validate == 1%}
        <p><i class="mui-active" data-index="{{item.serialNumber}}">{{item.serialNumber}}</i> {{item.content}}</p>
        {%else%}
        <p><i>{{item.serialNumber}}</i> {{item.content}}</p>
        {%endif%}
        {%endfor%}
    </div>
    <div class="mb-analysis xw-border-top">
        <b>正确答案是 <em id="correct">B</em></b>
        <!--<p class="mb-times">本题共被作答9209次，正确率91%，易错项为C，难度2.7。</p>-->
        <p class="mb-analysis1">解析</p>
        <div class="mb-analysis-cont">
            <p>{{data.answer}}</p>
        </div>
    </div>
</div>
{% endblock %}

{#js代码#}
{% block js %}
<script src="js/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
<script>
    var data = $(".mui-content").html();
    var data1 = data.replace(/&lt;/g,'<');
    var data2 = data1.replace(/&gt;/g,'>');
    $(".mui-content").html(data2);

    $('#correct').html($('.mui-active').data("index"));
</script>
<!--flotdemo-->
{% endblock %}
